<template lang="pug">
.inspection
  mt-tabs(v-model="activeName" type="border-card")
    mt-tab-pane(name = "送检批次" label="送检批次")
      batchInspection(
        v-if="activeName === '送检批次'"
      )
    mt-tab-pane(name = "外送样本" label="外送样本")
      personOutwardList(
        v-if="activeName === '外送样本'"
      )
    mt-tab-pane(name = "自检样本" label="自检样本")
      personList(
        v-if="activeName === '自检样本'"
      )
</template>

<script setup lang="ts">
import personList from "./compoments/personList.vue";
import batchInspection from "./compoments/batchInspection.vue";
import personOutwardList from "./compoments/person-outwardList.vue";

const activeName = ref<String>("送检批次");
</script>

<style lang="less" scoped>
.inspection {
  height: 100%;
  background-color: var(--el-color-white);

  :deep(.el-tabs__header) {
    background-color: var(--el-color-info-light-9);
  }
}
</style>
